$tag-base-color: #b0b0b0;
$tag-base-width: 16px;
$tag-theme: (
	success: #26C188,
	warning: #F8F97C,
	error: #F13838,
	info: #2894EE
);
.za-tag {
	position: relative;
	color: shade($tag-base-color, 20%);
	padding-left: $tag-base-width;
	&:before {
		content: '';
		width: $tag-base-width / 2;
		height: $tag-base-width / 2;
		position: absolute;
		border-radius: 100%;
		background-color: $tag-base-color;
		left: 0;
	    top: 50%;
	    transform: translateY(-50%);
	}
}
@each $key, $val in $tag-theme {
	.za-tag.za-tag-#{$key} {
		color: shade($val, 20%);
		&:before {
			background-color: $val;
		}
	}
}